<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    src:路径
        1.相对路径：访问站内资源时使用
             - 图片和页面同级目录：直接写图片名
             - 图片在页面的上级目录：../图片名
             - 图片在页面的下级目录：文件夹名/图片名
        2.绝对路径：访问站外资源时使用，称为图片盗链
          好处：节省自己网站资源
          坏处：有可能找不到图片
-->
<!--width宽度  两种赋值方式：1.像素 2.百分比
    如果只设置宽度，高度会等比例缩放-->
<img src="0.jpg" title="吼猴" width="300" alt="">
<!--title悬停显示-->
<!--alt图片不能正常显示时显示的文本-->
<img src="1.jpg" alt="没有那种世俗的欲望">
<img src="picture/0.png" title="居居" width="50%" alt="">
<img src="../day02/0.png" title="居居" width="300" alt="居居">
<img src="https://docs.alibabagroup.com/assets2/images/cn/home/home_banner_1.png" alt="">
</body>
</html>